<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
        <title>CRM</title>
        <link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/aui.css" th:href="@{/azxcrm/css/wap/aui.css}" />
        <link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/orderFollowDetail.css" th:href="@{/azxcrm/css/wap/orderFollowDetail.css}" />         
        <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_835360_8flqp9ignrc.css"/>
        <script src="../static/azxcrm/js/wap/jquery-3.3.1.min.js" type="text/javascript" th:src="@{/azxcrm/js/wap/jquery-3.3.1.min.js}"
                charset="utf-8"></script>    
    </head>
    <body>
        <header class="aui-bar aui-bar-nav">
            <a th:href="@{/indexWap(status=${status})}"  class="aui-pull-left aui-btn">
                 <span class="iconfont icon-fanhui1">返回</span>
            </a>        
            <div class="aui-title">待跟进订单列表</div>
        </header>
        <section class="aui-grid aui-margin-b-15">      
            <div class="aui-content aui-margin-b-15" th:each="orderDispatch:${orderDispatchList}"  th:if="${orderDispatch.orderModifyRecord.modifyType} != 1 and ${orderDispatch.order.orderStatus} == 2">
               
	                <ul class="aui-list aui-media-list" th:if="${orderDispatch.orderModifyRecord.modifyType != 1}">
	                 <a th:href="@{/wap/wapOrderDetail(orderId=${orderDispatch.order.orderId},status=${status})}">
	                    <li class="aui-list-item">
	                        <div class="aui-media-list-item-inner">
	                            <div class="aui-list-item-inner">
	                                <div class="aui-list-item-text">
	                                    <div class="aui-list-item-title"  th:text="${orderDispatch.order.orderNum}"></div>
	                                    <div class="aui-list-item-title g-fqr state">订单类型：
                                        <span th:text="${orderDispatch.order.typeName}"></span></div>
	                                </div>
	                            </div>
	                        </div>
	                    </li>
	                    <li class="aui-list-item">
	                        <div class="aui-list-item-inner g-flex">
	                                <div class="aui-list-item-title s-name"><img src="../static/azxcrm/image/wap/head-img.jpg" th:src="@{/azxcrm/image/wap/head-img.jpg}">
                                    <span th:text="${orderDispatch.customerClue.customerName}" style="margin-right:6px;"></span><span th:text="${orderDispatch.customerClue.customerCellphone}"></span></div>
	                                <div class="aui-text">
	                                     <div class="aui-label aui-label-danger aui-label-outlined" id="g-ckxq2">查看详情</div>
	                                </div>       
	                        </div>
	                    </li>
	                    <li class="aui-list-item">
	                        <div class="aui-media-list-item-inner">
	                            <div class="aui-list-item-inner">
	                                <div class="aui-list-item-text">
	                                    <div class="u-time"><img src="../static/azxcrm/image/wap/time.png" th:src="@{/azxcrm/image/wap/time.png}">剩余保有时间：
	                                    <span th:text="${orderDispatch.dateNum}"></span>天</div>
	                                </div>
	                            </div>
	                        </div>
	                    </li>
	                     </a> 
	               </ul>
	               
	               <ul class="aui-list aui-media-list" th:if="${orderDispatch.orderModifyRecord.modifyType} == 1 and ${orderDispatch.unformedCause} != null">
                     <a th:href="@{/wap/wapOrderReason(orderId=${orderDispatch.order.orderId},status=${status})}">
                        <li class="aui-list-item">
                            <div class="aui-media-list-item-inner">
                                <div class="aui-list-item-inner">
                                    <div class="aui-list-item-text">
                                        <div class="aui-list-item-title"  th:text="${orderDispatch.order.orderNum}"></div>
                                        <div class="aui-list-item-title g-fqr state">订单类型：
                                        <span th:text="${orderDispatch.order.typeName}"></span></div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner g-flex">
                                    <div class="aui-list-item-title s-name"><img src="../static/azxcrm/image/wap/head-img.jpg" th:src="@{/azxcrm/image/wap/head-img.jpg}">
                                    <span th:text="${orderDispatch.customerClue.customerName}" style="margin-right:6px;"></span><span th:text="${orderDispatch.customerClue.customerCellphone}"></span></div>
                                    <div class="aui-text">
                                         <div class="aui-label aui-label-danger aui-label-outlined" id="g-ckxq2">查看详情</div>
                                    </div>       
                            </div>
                        </li>
                        <li class="aui-list-item">
                            <div class="aui-media-list-item-inner">
                                <div class="aui-list-item-inner">
                                    <div class="aui-list-item-text">
                                        <div class="u-time"><img src="../static/azxcrm/image/wap/time.png" th:src="@{/azxcrm/image/wap/time.png}">30天保护期已到，请填写未成单原因</div>
                                    </div>
                                </div>
                            </div>
                        </li>
                         </a> 
                   </ul>
	             
            </div>
        </section>
    </body>
</html>